<template>
  <div class="ppp">
    <h2>姓名:{{name}}</h2>
    <h2>性别:{{sex}}</h2>
    <h2>当前求和为{{number}}</h2>
    <button @click="add">点我number++</button>
    <button @click="sendPersonName">获取人物名</button>
    <button @click="unbind">解绑获取人物事件</button>
    <button @click="death">销毁vc</button>
  </div>
</template>

<script>
export default {
    name:'Person',
    data(){
        return{
            name:'陆沉',
            sex:'男',
            number:0
        }
    },
    methods:{
        sendPersonName(){
            //触发事件
            this.$emit('wenqi',this.name,6,9,8)
            // this.$emit('demo')
        },
        unbind(){
            this.$off('wenqi')//解绑一个自定义事件
            // this.$off(['wenqi','demo'])//解绑多个自定义事件
            // this.$off()//所有的自定义事件全部解绑
        },
        death(){
            this.$destroy()//销毁了当前的Person组件的实例
        },
        add(){
            console.log('add')
            this.number++
        }
    }
}
</script>

<style scoped>
    .ppp{
        background-color: pink;
        padding:5px;
        margin-top: 30px;
    }
</style>